<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<base href="<%=basePath%>">
	<title>home</title>
	<link rel="stylesheet" type="text/css" href="css/home/follow.css">
</head>
<body>
<!-- 顶部导航 -->
<%@ include file="header.jsp"%>
<!-- 顶部导航结束 -->
<section class="container">
	<!-- 右侧显示面板 -->
	<div class="content-wrap">
		<div class="content">
			<!-- 面包屑导航 -->
			<div class="">
				<ol class="breadcrumb pull-left">
					<li><a href="#">校园趣事</a>
					</li>
				</ol>
				<div class="btn-group pull-right">
					<button type="button" class="btn btn-info dropdown-toggle" id = "sort"
							data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						排序<span class="caret"></span>
					</button>
					<ul class="dropdown-menu" id="dropdown_ul">
						<li><a href="javascript:void(0)" id="dateSort"  value = "article_date">最新</a></li>
						<li><a href="javascript:void(0)" id="zanSort"  value = "zan_num">点赞</a></li>
						<li><a href="javascript:void(0)" id="collectSort"  value = "collected_num">收藏</a></li>
					</ul>
				</div>
			</div>
			<div id = "articleSearch"  value="${flag}">
				<%-- <c:forEach items="${articleList}" var="articleList">
                     <article class="excerpt">
                         <div class="header ">
                             <img class="user-img" src="${articleList.userInfo.picture}">
                             <div class="name-time-wrapper"><span class="time">${articleList.userInfo.nickName}</span><span class="time">
                         <i class="glyphicon glyphicon-time"></i>${articleList.articleDate}</span>
                             </div>
                             <div class="author_r">
                                 <div class="digg" id = "heart">
                                     <i class="glyphicon glyphicon-heart"></i><span>${articleList.collectedNum}</span>
                                 </div>
                             </div>
                         </div>
                         <div style="clear: both;"></div>
                         <div class="mycontext">
                             <c:if test='${articleList.articlePicture!= ""}'>
                                 <a class="focus" href="#" target="_blank">
                                     <img class="thumb" src="${articleList.articlePicture}" style="display: inline;">
                                 </a>
                             </c:if>
                             <c:forEach items="${articleList.tags}" var="tag">
                                 <a class="cat" href="tag/${tags.tagId}">${tag.tagName}<i></i>
                                 </a>
                             </c:forEach>
                             <h2><a href="article/${articleList.articleId}" target="_blank">${articleList.title}</a></h2>
                             <input type="hidden"  id="hAId" value="${articleList.articleId}">
                             <p class="meta"></p><p class="note">${articleList.simContent}</p>
                         </div>
                         <div class="ff">
                             <div class="iiicon pull-left">
                                 <div class="digg" id="zan">
                                     <i class="glyphicon glyphicon-thumbs-up"></i>
                                     <span>${articleList.zanNum}</span>
                                 </div>
                                 <div class="digg" id="cai">
                                     <i class="glyphicon glyphicon-thumbs-down"></i>
                                     <span>${articleList.caiNum}</span>
                                 </div>
                             </div>
                             <div class="digg">
                                 <i class="glyphicon glyphicon-comment"></i>
                                 <span> 查看神评</span>
                             </div>
                         </div>
                     </article>
                 </c:forEach>
               <div class='alert alert-info text-center' id="random">随机查看文章</div>;--%>
			</div>
			<!-- 文章简介列表 -->

		</div>
	</div>

	<!-- 左侧功能面板 -->
	<aside class="sidebar">
		<div class="fixed">
			<div class="widget widget_search">

				<div class="input-group">
					<input type="text" name="keyword" class="form-control" size="35"
						   placeholder="请输入关键字" maxlength="15" autocomplete="off"> <span
						class="input-group-btn">
						<button class="btn btn-default btn-search"
								type="submit" onclick="search()">搜索</button> </span>
				</div>

			</div>
			<div class="widget widget_sentence">
				<h3>标签云</h3>
				<div class="widget-sentence-content">
					<ul class="plinks ptags" id = "label">
						<%-- <!-- tag -->
                         <c:forEach items="${tagList}" var="tagList">
                             <li>
                                 <a href="tag/${tagList.tagId}"><label>${tagList.tagName}</label>
                                 <input type="hidden" value="${tagList.tagId}"><span class="badge">${tagList.count}</span>
                                 </a>
                             </li>
                         </c:forEach>--%>
					</ul>
				</div>
			</div>
		</div>
		<div class="widget widget_hot">
			<h3>最新评论文章</h3>
			<ul>
				<%--<li><a href="show/文章id">
                    <div class="header ">
                        <img class="user-img" src="文章作者图片">
                        <div class="name-time-wrapper">
                            <span class="time">谁的文章</span>
                            <span class="time"><i class="glyphicon glyphicon-time"></i>评论时间</span>
                        </div>
                    </div>
                    <img class="thumb" src="文章图片">
                    <span class="text">评论信息</span>
                </a></li>--%>
			</ul>
		</div>
		<div class="widget widget_sentence">
			<a href="javascript:void(0)" target="_blank"
			   rel="nofollow" title="广告页出租"> <img style="width: 100%"src="images/7.jpg" alt="广告页出租">
			</a>
		</div>
		<div class="widget widget_sentence">
			<a href="javascript:void(0)" target="_blank" rel="nofollow"
			   title="广告页出租"> <img style="width: 100%" src="images/123.jpg" alt="广告页出租">
			</a>
		</div>
	</aside>
</section>

</body>

<script>
    var flag = $("#articleSearch").val();

</script>>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/dianZan/dianZan.js"></script>
<script type="text/javascript" src="js/home/clone.js"></script>
<script type="text/javascript" src="js/home/tags.js"></script>
<script type="text/javascript" src="js/home/comment.js"></script>
<script type="text/javascript" src="js/home/home.js"></script>
</html>
